<!DOCTYPE html>
<html>
<head>
  <title>Nature Of Code</title>
  <link rel="stylesheet" href="http://www.natureofcode.com/css/natureofcode.css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="http://www.natureofcode.com/js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
  <script src="http://www.natureofcode.com/js/index.js"></script>
</head>
<body>
  <div id="top">
    <div id="header">
      <h1><a href="/">The <strong>Nature</strong> of Code</a></h1>
      <h2>Daniel Shiffman</h2>
    </div>
  </div>

  <div id="middle">
    <div id="content">
      A book about applying topics from mathematics, physics, and generative algorithms to computational systems. With Processing!

      <div id="purchase-options">
        <div id="purchase-pdf">
          <h3>Buy <strong>The Nature of Code</strong> PDF</h3>

          <p>Download the entire book directly from the author.</p>

          <ul class="description">
            <li>DRM-free</li>
            <li>Delivered by email, no login necessary</li>
            <li>Receive book updates for free</li>
          </ul>

          <form method="POST" action="/order" id="slider-form">
            <p>Name Your Price:</p>
            <fieldset>
            <div class="slider-holder">
              <div id="slider"></div>
            </div>
            <input id="amount" type="hidden" name="amount" value="11.00">
            <input type="text" id="display-amount" value="$11.00">
            </fieldset>

            <p>Donate a percentage to Processing.</p>
            <fieldset>
              <div class="slider-holder">
                <div id="percent-slider"></div>
              </div>
              <input type="hidden" id="percent" name="donation" value="5">
              <input type="text" id="display-percent" name="percent" value="5%">
            </fieldset>

            <div id="breakdown">
              Amount to Processing: <span id="donation-dollars">$0.50</span><br>
              Amount to Author: <span id="author-dollars">$9.50</span>
            </div>

            <input type="submit" id="buy-now" value="Buy Now">
          </form>
        </div>

        <div id="purchase-print">
          <img src="http://farm9.staticflickr.com/8448/7749029626_04c08b4bed.jpg" style="max-width:100%;">
          <h3>Print Edition Available Soon!</h3>
        </div>
      </div>

      <div id="read">
        <h3>Read the Entire Book Online for Free</h3>
        <p>The complete book is available as HTML with interactive Processing.js examples.</p>
        <h4>Coming Soon</h4>
        <!-- <a class="block-link" href="http://www.natureofcode.com/book">Read Now</a> -->
      </div>
    </div>
  </div>

  <div id="bottom">
    <div id="footer">

      <p>&copy;2012 Daniel Shiffman.</p>
    </div>
  </div>
</body>

</html>